<ion-content>
  <router-outlet></router-outlet>
</ion-content>
<ion-footer>
  <!--[routerLinkActiveOptions]="{exact: true}" 完全匹配路由，如果不添加这个，有可能 path="" 会一直添加激活的样式-->
  <div class="tabs">
    <a routerLink="one" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
      <i class="tabsIcon tabsIcon01"></i>
      <span>首页</span>
    </a>
    <a routerLink="two" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
      <i class="tabsIcon tabsIcon02"></i>
      <span>联系我们</span>
    </a>
    <a routerLink="three" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
      <i class="tabsIcon tabsIcon03"></i>
      <span>产品</span>
    </a>
  </div>
</ion-footer>
